<template>
	<view class="">
		<cu-custom bgColor="bg-gradual-green" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">静态评估详情</block>
		</cu-custom>
		<view class="quan">
      <view class="buf">
      	<details-page :datas="datas" name="front" />
      </view>
			<view class="buf">
				<details-page :datas="datas" name="left" />
			</view>
			<view class="buf">
				<details-page :datas="datas" name="right" />
			</view>
			<view class="buf">
				<details-page :datas="datas" name="back" />
			</view>
      
		</view>
	</view>
</template>

<script>
  import detailsPage from "./components/detailsPage.vue"
	export default {
    components: {
      detailsPage,
    },
		data() {
			return {
				scrollTop: 0,
        datas: {},
			}
		},
    onLoad(e) {
      this.getData(e.id);
    },
		methods: {
      async getData(staticEvaId) {
        let {data: {datas}} = await this.$myRuquest({
          url: "/coach/body/getBodyStaticEvaluationById",
          data: {
            staticEvaId,
          }
        })
        this.datas = datas;
        console.log(this.datas)
      },
		}
	}
</script>

<style lang="scss">
  page {
    background-color: #404550 !important;
  }
	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
	}

	.scroll-view-item_H {
		display: inline-block;
		width: 100%;
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
		font-size: 36rpx;
	}


	.quan {
		width: 100%;
		background: #404550 !important;
	}

	.buf {
		padding: 20rpx;
		box-sizing: border-box;
		background-color: #4F4E5E;
		margin-bottom: 20rpx;
	}

	.shang {
		width: 210rpx;
		height: 250rpx;
		margin: 0 20rpx 30rpx 0;
	}


	.items {
		flex-wrap: wrap;
	}

	.xia {
		font-size: 24upx;
		font-weight: 555;
		color: #ffffff;
		border: #FFFFFF 1px solid;
		border-radius: 25upx;
		padding: 10rpx 25rpx;
		box-sizing: border-box;
		margin: 0 30rpx 30rpx 0;

	}
</style>
